
{if $quanzuobian == 0}
<!--左边圈子-->
<div class="d-yincang-0">
<div class="d-kuan-700-bianhua d-piaofu-youbian d-youbian-kaiguan">
	<div class="d-guanbi-youbian d-wenzi-juzhong d-quxian-0" onclick="javascript:d_youbian_guan();">
		<a class="d-guanbi-anniu d-wenzi-juzhong d-you-5">关 闭</a>
	</div>
	
	<div class="d-kuan d-beijing-baise d-xiala-kuang"  id="youbiantiezi">
		<div class="d-zuoyou-10 d-kuan d-quxian-0">
			
			
		</div>
		
		<div class="d-clear"></div>

	</div>
	
	
</div>
</div>
<div id="myModalssss" class="modal fade " tabindex="-1" role="dialog" aria-labelledby="myModalssss">
  <div class="modal-dialog modal-lg " role="document" >
    <div class="modal-content d-yuanjiao-10 d-neikuang-10" id="tanchuanggao" >
      <div  id="d-tiezi-zhanshi">
      	
      </div>
    </div>
  </div>
</div>
<div class="d-fabu d-fabu-shezhi" style="z-index:99999">
	<!--div class="col-xs-12 d-wenzi-juzhong d-quxian-0 d-shang-10">
	<div class="d-kuan d-neikuang-10" onclick="javascript:dr_add_son_fabu_tiezi_guanbi();"><i class="bi bi-x-circle-fill d-wenzi-18"></i></div>
	</div-->
	<div class="">
		<div class="">
			<div class="">
				
				<!--发布-->
				<form action="" class="" method="post" name="myformduan" id="myformduan" style="z-index: 999999">
				{$form}
				<input type="hidden" id="dr_row_jgtkg" name="data[jgtkg]" value="1">
				<input type="hidden" name="data[yuedumoshi]" value="1" >
				<div class="d-yuanjiao-20 d-kuan">
					<!--快捷发布-->
					<div class="d-kuan d-buhuanhang d-beijing-baise d-bianhua-10 d-yuanjiao-10 d-wenzi-14">
						<div class="d-kuan d-fabu d-yuanjiao-10">
							<div class="d-kuan d-fabu-neikuang-10">
								<div class="shuoming"><div id="d-quanzi-jianjie">...</div></div>
								<?php echo dr_fieldform('{"name":"内容","fieldname":"neirong","ismain":"1","fieldtype":"Editor","setting":{"option":{"show_bottom_boot":"0","imgtitle":"0","imgalt":"0","watermark":"0","image_ext":"jpg,gif,png,webp,jpeg","image_size":"10","attach_size":"200","attach_ext":"zip,rar,txt,doc","video_ext":"mp4","video_size":"500","attachment":"0","value":"","width":"100%","height":"100%","css":""},"validate":{"required":"0","pattern":"","errortips":"","check":"","filter":"","formattr":"","tips":""}},"ismember":"1"}', $t.neirong, 1, 1);?>
								
							</div>
							<!--div class="d-kuan d-fabu-kuan">
								<textarea id="dr_content" name="data[content]" class="d-fabu-neirong" maxlength="1000" tabindex="0" autocomplete="off" placeholder="分享工作中和生活中有趣、好玩、奇葩的事..." style="min-height: 90px; height: 90px;resize: none;"></textarea>
							</div-->
							<div class="d-kuan d-fabu-fenleis">
								<div class="pull-left d-shang-20 d-buhuanhang">
									<div id="d-quanzi-fenlei"></div>
									
									<!--span class="d-wenzi-12 d-neikuang-2-5 d-bian-1 d-yuanjiao-50 d-zitiyanse-hui d-xia-10">
										<i class="bi bi-record-circle"></i> 选择分类
									</span-->
									
									<!--span class="d-zuo-10 d-wenzi-12 d-neikuang-2-5 d-bian-1 d-yuanjiao-50 d-zitiyanse-hui d-xia-10">
										<i class="fa fa-file-photo-o"></i> 图片
										
									</span-->
									<?php echo dr_fieldform('{"name":"图片","fieldname":"jiugetu","ismain":"1","fieldtype":"Filesjiugetus","setting":{"option":{"size":"10","count":"50","ext":"jpg,gif,png","attachment":"0","image_reduce":"1000","is_ext_tips":"0","css":"height: 90px;"},"validate":{"required":"0","pattern":"","errortips":"","check":"","filter":"","formattr":"","tips":""}},"ismember":"1"}', $jiugetu, 1, 1);?>
									
								</div>
								<div class=" d-neikuang-10">
									<div class="d-zuo-10 pull-right" onclick="javascript:dr_add_son_fabu_tiezi_guanbi();"><i class="bi bi-x-circle-fill d-wenzi-18"></i></div>
									<button type="button" id="myButton" class="btn blue pull-right btn-sm">发 布</button>
								</div>
								<div class="d-clear"></div>
							</div>
						</div>
						
					</div>
					
				</div>
				</form>
				<!--发布-->
				
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	
	//var contentsHeight = document.body.clientHeight;
	var contentsHeight = $(window).height(); //获取高度
	var h = contentsHeight;
	document.getElementById("youbiantiezi").style.height = h + 'px';
	$(document).ready(function() {
		window.aaa = 1;
		$('#myButton').click(function() {
			//dr_fabu(aaa);
		    //alert(aaa);
			//console.log("ida",aaa);// 将显示 "Hello, world!"
		  });
		$('#youbiantiezi').scroll(function(){
			// 当 #b2 滚动时, 以下的代码会被执行
			var scrollTop = $(this).scrollTop();  // 获取 #b2 的滚动高度
			//console.log(scrollTop);
			$.cookie('weatherTop2',scrollTop);// 保存高度
		});
		//console.log('高度',scrollTop);
		//弹帖子
		$(document).on('click', '.tantie', function() {
			
			 var id = $(this).data("id");
			 console.log("id点击",id);
			 var fabuid = id;
			 
			 window.aaa = id;
			 // 创建一个新的iframe元素
			 var iframe = $('<iframe />', {
				 src: '{dr_url('quan/son/index')}&m=tan&id='+id+"&youbian=1",  // 你想加载的网页
				 frameborder: 0,  // 边框，一般为0
				right: '50px',
				 width: '100%',  // 宽度
				 height: h-70 + 'px',  // 高度
				overflow: 'hidden',
				
				 allowfullscreen: 'true'  // 如果需要全屏显示，设置为true
			 });
			 //栏目
			 $('#d-tiezi-zhanshi').html(iframe);
		});
	});
	var value = document.cookie;
	var top2 = value.split('weatherTop2=');
	//console.log('获取高度',top2[1]);
	//
	$('#youbiantiezi').scrollTop(top2[1]);
	
	/*全部*/
	
	$('.d-youbian-kaiguan').hide();
	function d_youbian_guan() {
		if ($('.d-youbian-kaiguan').is(':hidden')) {
			$('.d-youbian-kaiguan').show();
		} else {
			$('.d-youbian-kaiguan').hide();
		}
	}
	function d_tiezi(id) {
		$('.d-youbian-kaiguan').show();
		var fabuid = id;

		window.aaa = id;
		// 创建一个新的iframe元素
		var iframe = $('<iframe />', {
		    src: '{dr_url('quan/son/index')}&id='+id+"&youbian=1",  // 你想加载的网页
		    frameborder: 0,  // 边框，一般为0
			right: '-20px',
		    width: '100%',  // 宽度
		    height: h-70 + 'px',  // 高度
			overflow: 'hidden',
			
		    allowfullscreen: 'true'  // 如果需要全屏显示，设置为true
		});
		//栏目
		$('#d-tiezi-zhanshi').html(iframe);
		
		console.log("id点击",id);
	}

	
</script>
{/if}
<style>
	*, :after, :before {
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
		scrollbar-color: #62464600 #b3353500;
	}
	
	iframe::-webkit-scrollbar {
	    width: 0!important;
	    height: 0!important;
	    background-color: #F5F5F5;
	}
	::-webkit-scrollbar {
	    width: 0!important;
	    height: 8px;
	    background-color: #F5F5F5;
	}
	iframe {
	    overflow: auto;
	    height: 100%;
	    width: 100%; 
	    scrollbar-width: none; /* Firefox */
	    -ms-overflow-style: none; /* IE and Edge */
	    ::-webkit-scrollbar {
	        display: none; /* Chrome, Safari and Opera */
	    }
	}
	.modal {
	    position: fixed;
	    top: 0px;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    z-index: 11050;
	    display: none;
	    overflow: hidden;
	    -webkit-overflow-scrolling: touch;
	    outline: 0;
	}

	.d-guanbi-youbian {
		position: fixed;
		top: 50%;
		margin-left: -30px;
		width: 30px;
		height: 80px;
		background-color: #76a5b6;
		color: #ffffff;
		border-radius: 10px 0 0 10px; 
		writing-mode: vertical-rl;
		text-orientation: mixed;
		
		  
	}
	.d-guanbi-anniu {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		color: #ffffff;
	}
	.d-kuan-700-bianhua {
		width: 40%;
		box-shadow: 0 6px 14px 0 rgba(227,233,237,.35);
		overflow: hidden;
	}
	@media screen and (max-width: 700px) { 
		.d-kuan-700-bianhua {
			width: 100%;
			box-shadow: 0 6px 14px 0 rgba(227,233,237,.35);
			overflow: hidden;
		}
		.d-guanbi-youbian {
			position: fixed;
			top: 50%;
			margin-left: 0px;
			width: 30px;
			height: 80px;
			background-color: #76a5b6;
			color: #ffffff;
			border-radius:  0 10px 10px 0; 
			writing-mode: vertical-rl;
			text-orientation: mixed;
			
			  
		}
	}
	.d-piaofu-youbian {
	    position: fixed;
	    z-index: 1000;
	    /*margin-top: 60px;*/
	    right: 0px;
	}
	.d-fabu-shezhi {
	    z-index: 999999;
	    position: fixed;
		justify-content: center;
		top: 50%;
		left: 50%;
	    /*bottom: 0px;*/
	    width: 700px;
	    /*height: 270px;*/
	    overflow: auto;
	    background: #ffffff;
	    transform: translate(-50%, -50%);
	    box-shadow: 0 0 20px #d6d6d6;
	    background-color: rgba(255, 255, 255, 1.0);
		border-radius: 10px;
	}
	.d-fabu-tiezi{
		
		transform: translate(-50%, -50%);
	}
	.d-fabu-fenleis {
	    padding-left: 10px;
	    padding-bottom: 10px;
	    resize: none;
	    border: none;
	}
	.d-fabu {
	    padding-top: 0px;
	    border: 1px solid #ddd;
	    /* padding-bottom: 10px; */
	}
	.form-control-fabu {
		
		/*width: 100%;*/
		/*height: 34px;*/
		font-size: 12px;
		padding: 2px 2px;
		/*background-color: #f3f4f7;*/
		border: 1px solid #f3f4f7;
		border-radius: 50px;
		/*-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
		-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
		
	}
	.form-control-fabu select {
	    background: #efefef;;
	    border-color: #ffffff;
		border-radius: 50px;
	    color: #333;
		font-size: 12px;
	    padding: 0px;
	}
	.form-control-fabu option {
	    font-weight: normal;
	    display: block;
	    white-space-collapse: collapse;
	    text-wrap: nowrap;
	    min-height: 1.2em;
	    padding: 0px 2px 1px;
	}
	.d-yincang-wenzi-jiugetu {
		display: none
	}
	.d-yincang-tu-jiugetu {
		display: none
	}
	.d-anniu-jiugetu {
		margin-top: 2px;
	    padding: 2px 7px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 50px;
		float: left!important;
		background-color: #efefef;
		color: #aaaaaa;
	}
	#fileupload_jiugetu {
		float: left!important;
	}
	.preview {
	    height: 55px;
	    border: 1px solid #f5f5f5;
	}
	.files_row .preview img {
	    max-height: 40px;
	    overflow: hidden;
	}
	.note-toolbar {
		display: none
	}
	.note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable {
	    padding: 0px;
	    overflow: auto;
	    word-wrap: break-word;
		min-height: 100px;
	}
	.note-statusbar {
		display: none
	}
	.d-fabu-neikuang-10 {
		padding: 10px 10px 0 10px;
	}
	.panel {
	    margin-bottom: 0px;
	    background-color: #fff;
	    border: 1px solid transparent;
	    border-radius: 4px;
	    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	}
	.note-editable hr, .note-editable p {
	    margin: 2px 0;
	}
	.note-editor.note-frame, .note-editor.note-airframe {
		
	    border: 1px solid #ffffff;
	    border-radius: 4px;
	}
	.note-editable {
	  position: relative;
	}
	
	.note-editable:hover {
	  outline: none;
	  ::placeholder {
	    visibility: hidden;
	  }
	.shuoming {
		left: 0;
		top: 10px;
		position: fixed;
		width: 100px;
		  height: 100px;
	}
</style>